.swiper-container {
        width:670px;
        height: 280px;
        margin-left: 20px;
        margin-top: 20px;
		border-radius:4px;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

 #il { margin-right:260px;}
#sidebox {

    }
.top { 
font-size:12px;
height:111px;

overflow:hidden;
text-indent:0;
}
#logo {
float:left;
overflow:hidden;
text-indent:0;
width:400px;
margin-top:0px;
}
#logo a {
background-image:url(http://www.sffdj.com/file/upload/202009/12/105234341.png);
background-repeat:no-repeat;
background-size:contain;display:block;
float:left;
height:80px;
width:450px;
margin-left:0px;
margin-top:12px;
}



dl.homepcat a {}
dl.homepcat {float:left;width:20%;height:270px;}
.homepcat dt {clear:both;font-size:16px;font-weight:bold;height:30px; }
.homepcat dt a {border-left:3px solid #C62828; display:block;height:16px;padding-left:10px;margin:10px 0px 0px 10px;line-height:15px;}
dl.homepcat dd img {width:190px;height:120px;}
dl.homepcat dd {padding-top:3px;padding-bottom:3px;
text-indent: 10px;}
.links .boxcontent {width:1170px;font-size:12px;}

.righticon  {    margin-top: 20px;
background:#fff;    border-top: 1px solid #C62828;
    padding: 10px;
    height: 112px;
    text-indent: 0px;
    border-bottom: 0px;border-radius: 4px;}
.righticon  a {

    display: block;
    width: 61%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    margin: auto;
    clear: both;
    border-radius: 20px;
    margin-top: 15px;
	
	}
.righticon .login {background:#C62828;color:#fff;}
.righticon .reg {border:1px solid #C62828; color:#C62828;}

.letter a {border:1px solid #eee;padding-left:7px;padding-right:7px;}

#navtopleft {
	width:240px;
	border-bottom:0px;
	height:35px;
	background-color:#C62828;
	font-size:14px;
	color:#fff;
	text-indent:0px;
	line-height:35px;
	float:left;
    border-radius: 4px 4px 0px 0px;
}
#navtopleft span {
	background: url(../images/sort.png) no-repeat scroll 0px 1px;
 	width:30px;
	float:left;
	height:30px;
	margin-left:12px;
	border-radius: 4px;
	background-size:20px 20px;	margin-top:7px;
	display:block;}
#menu2 {height:35px;width:930px;float:left; line-height:35px;margin-left:20px;}
#menu2 ul li {width:102px;float:left;text-align:center;font-size:16px; }
 #menu2 ul li:hover a{text-decoration:underline;}
#menu2 a {color:#C62828; }
#menu2 ul li.vip {
	background: url(../images/gold.gif)  no-repeat scroll 0px 12px; 
	margin-left:24px;
}
#indexnav a {color:#414141;}
 #indexnav{
width:240px;
height:auto;
float:left;
border-top:0px;
background-color:#fff;
text-indent:15px;
color:#C62828;
padding-top:10px;
padding-bottom:10px;

    border-radius: 4px;
	}
.classnav{  
width:92%;
margin:auto;}
.classnav span {font-weight:bold;height:30px;line-height:28px; 
width:120px;
display:block;
 
}
#indexnav .clear {height:1px;}
.classnav dd{float:left;
 line-height:27px;
width:33%;height:26px;}
.indextopright { 
height:auto;
}
.indextopright .box  { 
margin-top:20px;}
.indextopright  dl.listimg  {
margin:auto;width:95%;
margin-top:6px;}
.indextopright  dl.listimg dd{width:25%; height:155px;float:left;overflow:hidden;border:0px;}
.indextopright  dl.listimg dd a{border:0px;
width:132px;margin:auto;
overflow:hidden;}
.indextopright  dl.listimg dd img{

   /* 移除 width 和 height 的设置 */
  min-width: 100%; /* 设置最小宽度为容器宽度 */
  min-height: 100%; /* 设置最小高度为容器高度 */
  object-fit: cover; /* 图片保持宽高比，并覆盖整个容器区域 */
  position: absolute; /* 绝对定位，让图片在容器内居中 */
  top: 50%; /* 位置设置，使图片在容器内垂直居中 */
  left: 50%; /* 位置设置，使图片在容器内水平居中 */
  transform: translate(-50%, -50%); /* 位置微调，确保图片完全居中 */
}


.indextopright  dl.listimg dd span {height: 20px;overflow: hidden;display: block; }

.indextopright  dl.listimg dd div {
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
font-size:12px;
word-break:keep-all;
margin: 5px 0px 0px 0px ;

  width: 120px;
  height: 110px;
  overflow: hidden;  
  position: relative;      border: 1px solid #eee;
    border-radius: 4px;


}
.indexbanner img{margin-left:20px;margin-top:20px;width:640px; height:264px;}

#logosearch{margin-top:35px;width:100%;} 

     #logosearch input {border:1px solid #eee;height:31px;}

	 .sidesubcat ul { 
    display: grid;;
    grid-template-columns: auto auto auto auto auto auto auto auto;
}	
ul.indexhyul {
    grid-template-columns: auto auto auto auto auto  ;
    display: grid;}
			.indexpagetop {
    display: grid;
    grid-template-columns: 240px 670px 240px;
    grid-template-rows: 526px;  grid-column-gap: 20px;

}
.swiper-wrapper img {height:286px;}
.sidebox .boxcontent {
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	font-size:12px;
}
.sidebox .boxcontent ul li {padding:4px 0px 4px 0px;}
.sidebox {
    display: grid;
      grid-template-columns: 24% 24% 24% 22%;
    grid-gap: 2%;
  }
  .indexpagetop .sidebox {display: block;}
  .sidebox .t5 {margin: 0px;}
#indextop,#lmain,#main,#mainmenu,#nav,.bottom,.cityintro,.citylink,.hotcity,.top,.w,#m ,
#NT,#indextop2,#lmain,.citylinks,.m,.navtable{
 	margin: 0 auto;
	 width: 1190px
}
#main { 

}

.indexvip {
    display: grid;
  grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% auto;
  grid-column-gap:1px;
  grid-row-gap:1px;
  text-align:center;color:#999;font-size:12px;
  background:#f0f0f0;

}
.indexvip div {display:block; padding-top:20px;padding-bottom:30px;  background:#fff;
 }
 .youzhi {font-size: 16px;
    color: #e10;
    padding-bottom: 10px;}
.indexvip a div{font-size:16px;height:20px;overflow:hidden;padding:0px;}
.indexvip img {width:120px;height:100px;}
#il {margin:0px;float:none;}
.boxtitle {text-indent:20px;}
.sidesubcat ul li {width: auto;}


.indexcaigou {
    height: 205px;
}
.indexcaigou ul li {    overflow: hidden;
    padding: 5px 0px 5px;
    text-indent: 20px;
    }
  @keyframes scroll {
        0% {
            transform: translateY(0);
        }
        100% {
            transform: translateY(-100%);
        }
    }
    /* 设置滚动容器样式 */
    .indexcaigou .boxcontent {
        
        height: 130px;
        overflow: hidden;
        position: relative;
    }
    /* 设置滚动内容样式 */
    .indexcaigou .boxcontent ul {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display:grid;
        grid-template-columns: 50% 50%;
        animation: scroll 40s linear infinite; /* 设置动画属性 */
    }
}
}